<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
    一.页面加载完之后执行:window.onload
    二.获取元素:
        1\直接获取
        document.getElementById();
        document.getElementsByClassName();
        document.getElementsByTagName();
        2\通过关系获取
        对象.children
        对象.nextElementSiblings
        对象.previousElementSiblings
        对象.parentNode
    三.操作:(内容/属性/样式/class)
        1.内容
        普通标签.innerHTML
        表单.value
        2.属性
            对象.getAttribute(属性名);
            对象.setAttribute(属性名,属性值);
        3.样式
            1.行内样式
            取值:对象.style.属性名/对象.style[属性名]
            赋值:对象.style.属性名=属性值/对象.style[属性名] = 属性值
            2.计算后的样式,不仅仅局限于行内
            取值:
            function getCss(obj,attr){
                if(obj.currentStyle){
                    return obj.currentStyle[attr];
                }else{
                    return getComputedStyle(obj,null)[attr];
                }
            }
            赋值:obj.style.属性名 = 属性值
            都是行内的因为,行内的优先级是最高的.
        4.操作class
            obj.className = 'class名'
            obj.className
    四.事件
        1.事件绑定方式
        obj.on事件名 = 函数
        oDiv.onclick = function(){

        }
        2.addEventListener
        obj.addEventListener('事件名',函数名,布尔);
    五.事件流(冒泡/捕获--IE没有事件捕获)
        obj.addEventListener(事件名,函数名,true);捕获
        obj.addEventListener(事件名,函数名,false);冒泡

        冒泡:监听从内到外的力,所以结果是从内到外触发.
        捕获:监听从外到内的力,结果是从外到内触发
    六.事件对象
        兼容: var ev = window.event || ev;
        ev.clientX ev.clientY ev.keyCode ev.ctrlKey


</head>
<body>

</body>
</html>